/**
 * 封装 axios 请求模块
 */
import axios from "axios"
import JSONbig from "json-bigint"

// 在非组件模块中 获取 store 必须通过这种方式
// 这里单独加载 store 和组件中 this.$store 是一个东西
import store from '@/store/'

const request = axios.create({
  baseURL: "http://ttapi.research.itcast.cn/", // 基础路径

  // 定义后端返回的原始数据的处理
  // 参数 data 就是后端返回的原始数据（未经处理的 JSON 格式字符串）
  // 文章介绍：https://www.yuque.com/lipengzhou/toutiao-publish-vue/sz73rp#7a359ab9
  transformResponse: [function (data) {
    // 后端返回的数据可能不是 JSON 格式字符串
    // 如果不是的话，那么 JSONbig.parse 调用就会报错
    // 所以我们使用 try-catch 来捕获异常，处理异常的发生
    try {
      // 如果转换成功，则直接把结果返回
      return JSONbig.parse(data)
    } catch (err) {
      console.log('转换失败', err)
      // 如果转换失败了，则进入这里
      // 我们在这里把数据原封不动的直接返回给请求使用
      return data
    }

    // axios 默认在内部使用 JSON.parse 来转换处理原始数据
    // return JSON.parse(data)
  }]
})

// 请求拦截器
request.interceptors.request.use(function (config) {
  // Do something before request is sent
  const { user } = store.state
  // 如果用户已登录，统一给接口设置 token 信息
  if (user) {
    // 需要设置请求头 需要授权 需要当前登录用户的身份 token
    config.headers.Authorization = `Bearer ${user.token}`
  }
  return config
}, function (error) {
  // Do something with request error
  return Promise.reject(error)
});

// 响应拦截器

export default request